<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>会员注册管理</title>
<link href="../css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<link href="../font-awesome/css/font-awesome.css?v=4.3.0"
	rel="stylesheet">
<link href="../css/animate.css" rel="stylesheet">
<link href="../css/style.css?v=2.2.0" rel="stylesheet">
<style type="text/css">
.table {
	width: 50%;
	margin: 0px auto;
	margin-top: 30px;
}
input[type='text'],input[type='password'] {
	width: 200px;
	border: 1px solid #eee;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.spmsg{
	font-size: 12px;
	color: red;
}

</style>

</head>
<body>
	<div id="wrapper">
		<%@ include file="../include/left.jsp"%>

		<div id="page-wrapper" class="gray-bg dashbard-1">
			<%@ include file="../include/head.jsp"%>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>会员注册管理</h2>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">

				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>会员注册信息</h5>
							</div>
							<div class="ibox-content">
								<form method="post" action="<%=path %>/sysadmin/shop/addUser.do?n=addUser" style="line-height:25px;" >
									<table class="table table-hover table-bordered">
										<tr>
											<td align="right" style="vertical-align: middle;">会员帐号:</td>
											<td>
												<input type="text" name="user_id" />
												<i style="color:red;">*</i>
												<span class="spmsg"></span>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">登录密码:</td>
											<td>
												<input type="password" name="user_pass" />
												<i style="color:red;">*</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">确认登录密码:</td>
											<td>
												<input type="password" name="re_user_pass" />
												<i style="color:red;">*</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">推荐人:</td>
											<td>
												<input type="text"  name="creator"/>
												<i style="color:red;">*请输入推荐人</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">接点人:</td>
											<td>
												<input type="text" name="contactor" />
												<i style="color:red;">*请输入接点人</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">会员星级:</td>
											<td>
												<select name="user_level" style="background-color:#f1f1f1;">
													<option value="0">请选择星级</option>
													<option value="1">一星级会员</option>
													<option value="2">二星级会员</option>
													<option value="3">三星级会员</option>
													<option value="4">四星级会员</option>
													<option value="5">五星级会员</option>
													<option value="6">六星级会员</option>
												</select>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">CP币余额:</td>
											<td>
												<input type="text" name="CPbalance" value="999999" />
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">所需CP币:</td>
											<td>
												<input type="text" name="CPmoney" value="9999"/>
												<a href="#" style="margin-left:30px;">点击充值</a>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">注册位置:</td>
											<td>
												<input type="radio" name="location" value="1" style="width:30px;line-height:30px;"/>左边 &nbsp;&nbsp;&nbsp;
												<input type="radio" name="location" value="2" style="width:30px;line-height:30px;"/>右边
												<i style="color:red;">*</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">邮箱:</td>
											<td>
												<input type="text" name="user_email"/>
												<i style="color:red;">*</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">姓名:</td>
											<td>
												<input type="text" name="user_name" />
												<i style="color:red;">*</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">身份证号:</td>
											<td>
												<input type="text" name="user_code" />
												<i style="color:red;">*</i>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">性别:</td>
											<td>
												<input type="radio" name="user_sex" value="1" style="width:30px;line-height:30px;"/>男&nbsp;&nbsp;&nbsp;
										 		<input type="radio" name="user_sex" value="2" style="width:30px;line-height:30px;"/>女<br/>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">国家:</td>
											<td>
												<select name="user_country" style="background-color:#f1f1f1;">
													<option value="0">请选择国家</option>
													<option value="1">中国</option>
													<option value="2">美国</option>
													<option value="3">法国</option>
													<option value="4">德国</option>
												</select>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">手机号码:</td>
											<td>
												<input type="text" name="user_phone"/>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">银行:</td>
											<td>
												<select name="user_bank" style="background-color:#f1f1f1;">
													<option value="0">请选择银行</option>
													<option value="1">中国银行</option>
													<option value="2">工商银行</option>
													<option value="3">招商银行</option>
													<option value="4">建设银行</option>
												</select>
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">银行卡卡号:</td>
											<td>
												<input type="text" name="bank_account" />
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">银行卡姓名:</td>
											<td>
												<input type="text" name="bank_name" />
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">支付宝帐号:</td>
											<td>
												<input type="text" name="user_alipay" />
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">支付安全密码:</td>
											<td>
												<input type="password" name="safe_pass" />
											</td>
										</tr>
										<tr>
											<td align="right" style="vertical-align: middle;">确认安全密码:</td>
											<td>
												<input type="password" name="re_safe_pass"/>
											</td>
										</tr>
										<tr>
											<td colspan="2" align="center">
												<button class="btn" type="submit" style="width:300px;height:40px;background:#1ab394;border:0;font-size:20px; color:#fff;vertical-align: middle;">提交注册</button>
											</td>
										</tr>
										<tr>
											<td colspan="2" style="color: red;font-size: 16px;"  align="center">${msg }</td>
										</tr>
									</table>
								</form>
								</div> 
							</div>
						</div>

					</div>
				</div>

		</div>
</div>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/bootstrap.min.js?v=3.4.0"></script>
	<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../js/hplus.js?v=2.2.0"></script>
	<script src="../js/plugins/pace/pace.min.js"></script>
	<script src="../js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../js/plugins/validate/messages_zh.min.js"></script>
	<script src="../js/addUser.js"></script>
	<script>
		//以下为修改jQuery Validation插件兼容Bootstrap的方法，没有直接写在插件中是为了便于插件升级
		$.validator.setDefaults({
			highlight : function(element) {
				$(element).closest('.form-group').removeClass('has-success')
						.addClass('has-error');
			},
			success : function(element) {
				element.closest('.form-group').removeClass('has-error')
						.addClass('has-success');
			},
			errorElement : "span",
			errorClass : "help-block m-b-none",
			validClass : "help-block m-b-none"

		});
		//以下为官方示例
		$().ready(function() {
			$("#commentForm").validate();
		});
		
		
		
		
	</script>

</body>

</html>
